<!--
 * @Description: 
 * @Author: 张文韬
 * @Date: 2024-06-24 15:29:13
 * @LastEditTime: 2024-07-14 17:43:30
 * @LastEditors: 张文韬
 * @Reference: 
-->
<template>
  <div class="p-20px pb-0">
    <e-control
      :search-form-options="formOptions"
      :search-label-width="searchLabelWidth"
      :search-refresh-show="true"
      :btns="btns"
      :search-show="showSearch"
      :operation-show="btns && btns.length > 0"
      :searchDataCurrent="searchInitData"
      v-on="controlEvents"
      @on-search="searchControlHandle"
      @on-refresh="refreshControlHandle"
      @change-height="changeControlHeight"
    >
      <template #left>
        <slot name="left"></slot>
      </template>
    </e-control>
    <e-table
      class="mt-10px"
      :data="tableData"
      :columns="tableConfig.mainTable"
      :max-height="tableMaxHeight"
      :height="tableMaxHeight"
      :pageData="pageData"
      :loading="loading"
      :row-key="rowKey"
      :expand-row-keys="expandRows"
      @expand-change="expandChange"
      @page-size-change="changePageSize"
      @page-current-change="changePageCurrent"
      @selection-change="handleSelectChange"
      @select-all="handleSelectAll"
    >
      <template v-for="item in tableSlots" #[item.slotName]="{ scope }">
        <slot :name="item.slotName" :scope="scope"></slot>
      </template>
    </e-table>
  </div>
</template>

<script>
import service from './service'
export default service
</script>
